﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Cadastro</title>
		<script type="text/javascript" src="../../js/lib/jquery-1.7.1.min.js" ></script>
		<script type="text/javascript" src="../../js/lib/jquery.validate.js" ></script>
		<script type="text/javascript">
			$(document).ready( function() {
				$("#form1").validate({
					rules: {
						nome: {
							required: true,
							minlength: 6
						},
						senha: {
							required: true,
							minlength: 6
						},
						confsenha: {
							required: true,
							equalTo: "#senha"	//Usar id neste caso, e não nome
						}

					},
					messages: {
						confsenha: {
							required:"Este campo não pode estar vazio!",
							equalTo:"A confirmação de senha está incorreta"
						}
					}
				});
			});
			function confirmacao() {
				alert(					"Dados cadastrados com sucesso!"
					);
				return true;
			}
		</script>

		<link href="../../css/commons/estilo.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="cadastro">
			<h1 id="fraseForm">	Formulário de Cadastro</h1>
		<h2>
		<strong>
		<em>Os campos com '*' são obrigatórios!</em>
		</strong>
		</h2>
		<form class="form1" id="form1" name="form1" onsubmit="return confirmacao();" action="login.html">
			<div id="cadastro">
				<p>
					Nickname (Apelido)*
					<input type="text" name="nome" class="entradas" id="nome" />
				</p>
				<p>
					<label for="nome">
					</label>
				</p>
				<p>
					Senha*
					<input type="password" class="entradas" name="senha" id="senha" />
				</p>
				<p>
					<label for="sobrenome">
					</label>
				</p>
				<p>
					Conf. de senha*
					<input type="password" class="entradas" name="confsenha" id="confsenha" />
				</p>
				<p>
					<label for="apelido">
					</label>
				</p>
				<p>
					<input type="submit" class="salvar" name="salvar" id="button" value="Salvar" />
				</p>
			</div>
		</form>
		<p>
			&nbsp;
		</p>
	</body>
</html>